<template>
    <div>
        <Row>
            <Col span="12">
            <div class="tableLeft">
                <h3>实际应用数据：</h3>
                <AppAddTable @getAppId="getAppId"></AppAddTable>
            </div>
    
            </Col>
            <Col span="12">
            <div class="tableRight" >
                <h3>基础短信签名数据：</h3>
                <SigAddTable :appId="appId"></SigAddTable>
            </div>
            </Col>
        </Row>
    
    </div>
</template>
<script>

import AppAddTable from './AppAddTable'
import SigAddTable from './SigAddTable'

export default {
    components: {
        AppAddTable, SigAddTable
    },
    data() {
        return {
            //选中的应用id
            appId: '',
        }
    },
    methods: {
        //获得子组件的数据
        getAppId: function (appId) {
            this.appId = appId;
        }

    },
    mounted() {

    }
}
</script>

<style>
.btn-group {
    margin-bottom: 5px;
}

.tableLeft {
    margin-right: 10px;
}

.tableRight {
    margin-left: 10px;
}
h3{
    text-align: center;
}
</style>
